//
import axios from 'axios'
import { getToken } from './auth'
import { Message } from 'element-ui'
// 1. 通用配置
// 2. 定制化配置

// 通用配置
// 1. axios 实例化   axios.create()  基地址配置 baseURL + 超时时间(timeout) 100ms
//   拓展一下: create 方法 可以调用多次, 每次执行都会生成一个 独一无二的实例
//
// 2. 请求拦截器
//    客户端发送请求 ->  请求拦截器(针对请求参数做处理)  - 后端服务端响应 -> 响应拦截器(针对响应数据做处理)
//    请求拦截器:  可以对请求参数做处理, 比如设置 token, 加密,接口鉴权, 统一配置 压缩等
//    拓展一下:  可以添加多个请求拦截器
//

// 3. 响应拦截器
//    后端服务端响应 -> 响应拦截器(针对响应数据做处理)  - 客户端接收响应 -> 响应拦截器(针对响应数据做处理)
//    响应拦截器:  可以对响应数据做处理, 比如统一格式化, 解密 错误处理等
//    用法:  数据剥离 统一格式化 错误处理 统一错误提示
//    成功回调 200  -- 300
//    失败回调:   400  -- 500  --  网络错误 超时错误 服务器错误

const service = axios.create({
  baseURL: 'https://api-hmzs.itheima.net/v1',
  timeout: 5000 // request timeout
})

// 请求拦截器
service.interceptors.request.use(
  config => {
    // 添加token
    const token = getToken()
    if (token) {
      // 前面是固定的写法, 后面的token 的拼接模式由 后端来决定
      config.headers['Authorization'] = token
    }
    return config
  },
  error => {
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  response => {
    return response.data
  },
  error => {
    // 错误类型可能有很多种, 根据不同的错误码做不同的用户提示, 写的位置都在这里
    Message({
      type: 'warning',
      message: error.response.data.msg
    })
    return Promise.reject(error)
  }
)

export default service
